<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>判断鼠标移入移出方向</title>
		<meta http-equiv="X-UA-Compatible" content=”IE=Edge,chrome=1″ />
	    <meta name="renderer" content="webkit">
		<link rel="stylesheet" href="style/css/base/MyReset.css" />
		<link rel="stylesheet" href="style/css/common/main.css" />
		<!--<link rel="stylesheet" href="style/css/page/mouseDir.css" />-->
		<link rel="stylesheet" href="style/css/buildCss/mouseDir.min.css" />
	</head>
	<body>
		<div class="Ct">			
			<div class="box">
			           内容一
			    <div class="content">
					鼠标滑动显示内容一
			    </div>
			</div>
			<div class="box">
				内容二
			    <div class="content">
					鼠标滑动显示内容二
			    </div>
			</div>
			<div class="box">
				内容三
			    <div class="content">
					鼠标滑动显示内容三
			    </div>
			</div>
			<div class="box">
				内容四
			    <div class="content">
					鼠标滑动显示内容四
			    </div>
			</div>
		</div>
	<script type="text/javascript" src="style/js/base/jquery-3.1.0.min.js" ></script>
	<script type="text/javascript" src="style/js/buildJs/mouseDir.min.js" ></script>
	</body>
</html>
